<template>
  <div class="information">
    <mtHeader
      fixed
      title="编辑资料"
      style="background: linear-gradient(0deg, #399f00, #26701a);height:1rem"
    >
        <div class="header-left iconfont" slot="left" @click="$router.back(-1)">&#xe623;</div>
        <div slot="right" @click="submit">完成</div>
    </mtHeader>
    <div class="container">
      <mt-cell >
          <div class="con-tou-tit" slot="title">头像</div>
        <div class="con-tou">
            <div class="con-tou-img"><img :src="headImg" :onerror="noImg" /></div>
            <span class="iconfont right" @click="btnLogin">&#xe606;</span>
        </div>
      </mt-cell>
      <!-- <div class="line-h"></div> -->
      <mt-cell >
          <div class="con-tou-tit" slot="title">昵称</div>
        <div class="con-two">
            <p class="con-name">{{nickname}}</p>
            <span class="iconfont right" @click="btnLogin">&#xe606;</span>
        </div>
      </mt-cell>
      <!-- <div class="line-h"></div> -->
      <mt-cell >
          <div class="con-tou-tit" slot="title">签名</div>
        <div class="con-two">
            <p class="con-autograph">{{autograph}}</p>
            <span class="iconfont right" @click="btnLogin">&#xe606;</span>
        </div>
      </mt-cell>
      <!-- <div class="line-h"></div> -->
            <mt-cell >
          <div class="con-tou-tit" slot="title">性别</div>
        <div class="con-two">
            <p class="con-name">{{gender}}</p>
            <span class="iconfont right" @click="btnLogin">&#xe606;</span>
        </div>
      </mt-cell>
      <!-- <div class="line-h"></div> -->
      <mt-cell></mt-cell>
    </div>
  </div>
</template>
<script>

import { Header,Cell } from "mint-ui";

export default {
  name: "information",
  components: {
    mtHeader: Header,
    mtCell:Cell,
  },
  data: function() {
    return {
        headImg:'',
        noImg: 'this.src="/static/img/soccerbig.png"',
        nickname:'这是昵称',
        autograph:'这是签名签名',
        gender:'男'
    };
  },
  methods: {
    btnLogin(){

    },
    submit(){
      
    }
    
  }
};
</script>
<style lang="less" scoped>
@import url('~styles/common.less');

</style>